<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>设备信息收集</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../../css/wx/mui.min.css">
		<link rel="stylesheet" href="../../../css/wx/app.css">
		<link rel="stylesheet" href="../../../css/wx/style.css" />
		<link rel="stylesheet" href="../../../css/wx/wx-iconfont.css" />
		<script type="text/javascript">
			var pageConfig = {
				jss: ["app/gwat700/gwat700"],
				cb: function(o) {

					// 不影响初始页面的js, 可以延迟引入
                    require(['wx-iconfont'], $.noop);

					app.requireCss(['icons-extra', 'animate.min'], doc);

					//把main.js返回的对象存在 p_main key下，可以通过app.pageModule('p_main')获取对象
                    app.pageModule('p_gwat700', o);

				}
			};
		</script>
		<script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
		<style>
			.mui-content {
				padding: 0;
			}
		</style>

	</head>

	<body>
		<!--list-->
		<div id="content" class="mui-content wf-user-add jxs-add wf-listGoods wf-yshb">
			<div class="mui-scroll-wrapper wf-slider-bottom-nonSearch">
				<div class="mui-scroll">
					<form class="mui-input-group" style="margin-bottom: 10px;">
						<div class="mui-input-row">
							<label>序列号</label>
							<input type="text" v-model="d.mmra003" class="mui-input-clear" placeholder="请输入序列号">
							<span @tap.stop="btn_mmra003" class="iconfont icon icon-061 posIcon wf-font-color"></span>
						</div>
						<div class="mui-input-row">
							<label>设备名称</label>
							<input type="text" v-model="d.mmra004" class="mui-input-clear" placeholder="请输入设备名称">
						</div>
						<div class="mui-input-row">
							<label>设备型号</label>
							<input type="text" v-model="d.mmra005" class="mui-input-clear" placeholder="请输入设备型号">
						</div>
						<div class="mui-input-row">
							<label>客户名称</label>
							<input type="button" v-model="d.gwakl003" @tap.stop="option" class="mui-input-clear" placeholder="请输入客户名称">
						</div>
						<div class="mui-input-row">
							<label>制造厂商</label>
							<input type="text" v-model="d.mmra018" class="mui-input-clear" placeholder="请输入制造厂商">
						</div>
						<div class="mui-input-row">
							<label>安装日期</label>
							<input type="date" v-model="d.mmra011" class="mui-input-clear" placeholder="请输入安装日期">
						</div>
						<div class="mui-input-row">
							<label>负责人姓名</label>
							<input type="text" v-model="d.mmra042" class="mui-input-clear" placeholder="请输入负责人姓名">
						</div>
						<div class="mui-input-row">
							<label>负责人手机号</label>
							<input type="number" v-model="d.mmra043" class="mui-input-clear" placeholder="请输入手机号码">
						</div>
						<div class="mui-input-row">
							<label>司炉工姓名</label>
							<input type="text" v-model="d.mmra040" class="mui-input-clear" placeholder="请输入司炉工姓名">
						</div>
						<div class="mui-input-row">
							<label>司炉工手机号</label>
							<input type="number" v-model="d.mmra041" class="mui-input-clear" placeholder="请输入手机号码">
						</div>
					</form>
					<p style="padding: 0 15px;"><button @tap.stop="openPage" class="btn wf-second-bg" style="width: 100%;color: #fff;border: none;">关键配件信息维护</button></p>

					<form class="mui-input-group" style="margin-top: 10px;margin-bottom: 55px;">
						<div class="mui-input-row wf-imageUpdates" style="padding-top: 10px;">
							<label style="margin-top: 10px;">设备照片</label>
							<div class="wf-imageUpdate">
								<div  v-show="d.mmraacti == 'Y'">
									<div class="div-autoline-boxDiv">
										<template v-for="(img,inx) in d.mmra019s">
											<div class="div-autoline-parent">
												<div class="child">
													<img :src="img|orderImgsUtils">
												</div>
											</div>
										</template>
									</div>
								</div>
								<div class="tackPoto" v-show="d.mmraacti != 'Y'">
									<div class="div-autoline-boxDiv">
										<template v-for="(img,inx) in d.mmra019s">
											<div class="div-autoline-parent">
												<div class="child">
													<i @tap.stop="delimg2(inx)" class="mui-icon mui-icon-closeempty posIcon"></i>
													<img :src="img|orderImgsUtils">
												</div>
											</div>
										</template>
										<template v-for="(img,inx) in imgs">
											<div class="div-autoline-parent">
												<div class="child">
													<i @tap.stop="delimg(inx)" class="mui-icon mui-icon-closeempty posIcon"></i>
													<img :src="img.img">
												</div>
											</div>
										</template>
										<div v-show="d.mmra019s.length + imgs.length<9" @tap.stop="addImgs" class="div-autoline-parent">
											<div class="child start"><i class="icon iconfont icon-05" v-model="d.mmra019"></i></div>
										</div>
									</div>
								</div>
							</div>

						</div>

					</form>
				</div>
			</div>
			<div id="submitDiv" class="navbar-mui">
				<button id="submit" type="button" @tap.stop="submit" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined wf-pulic-bg">提交</button>
			</div>
		</div>
		<!--弹出层2   开窗-->
		<div class="returnCont aplyCopy modal2" style="display: none;" id="option-modal">
			<div class="header">
				<p class="puliColor_font" style="font-size: 15px;">选择客户</p>
			</div>
			<div class="main wf-piis-info">
				<option-listitem :model="items"></option-listitem>
			</div>
		</div>
		<script id="optionitem-template" type="text/x-template">
			<ul class="mui-table-view wf-modal2-cell" style="margin: 0;">
				<li class="mui-table-view-cell" v-for="v in model" @tap.stop="select(v)">
					<div class="flexTogter">
						<p>客户名称:</p>
						<p style="padding-left: 10px;">
							{{v.gwakl004}}
						</p>
					</div>
				</li>
			</ul>
		</script>
	</body>

</html>